{% extends '_base.html' %}


{% block style %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/markdown-style.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/default.min.css') }}">
<style>
    header {
        background-image: url({{ url_for('static', filename='img/a.jpg') }});
    }


    @media (max-width:420px) {
        main {
            width: 100%;
            padding: 10px;
        }
    }
</style>
{% endblock %}

{% block head_js %}
<script src="{{ url_for('static', filename='js/highlight.min.js') }}"></script>
{% endblock %}


{% block title %}
About
{% endblock %}

{% block nav_class %}top-show{% endblock %}
{% block header_content %}
<div class="container-flex">
    <div class="box">
        <div class="h1">About</div>
    </div>
</div>
{% endblock %}

{% block main_content %}
<article id="article">
    {{ about_content | safe }}
</article>
{% endblock %}

{% block js %}
<script >hljs.initHighlightingOnLoad();</script>
{% endblock %}